@foreach($topics as $topic) 
<section class="portfolio">
    <div class="container" id="loadMain">
        <div class="row">
            <div class="col-sm-7 col-sm-offset-5">
                <ul>
                    <li class="title">
                       <span class="glyphicon" style="background-color: inherit">
                            {{MyHelper::getCategoryImage($topic->category['slug'])}}
                        </span>
                        <a href="{{URL::to( $topic->category['slug'].'/'.$topic->slug )}}">{{$topic->title}}</a>
                    </li>
                    <li>
                        <p class="description">{{$topic->description}}</p>
                    </li>
                    <li class="static">
                        @foreach($topic->contents as $content)
                            {{$content->getBefore($topic->title)}}
                            {{$content->getAfter($topic->title)}}
                        @endforeach
                    </li>
                </ul>
            </div> 

        </div>
    </div>
</section>
@endforeach

<section id="comments" class="portfolio">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                @include('social.comments')
            </div>
        </div>
    </div>
</section>

<script>

 /*var $loading = $("<div class='loading'><p>Yükleniyor...</p></div>"),
    $footer = $('footer'),
    opts = {
        offset: '100%'
    };

    $footer.waypoint(function(event, direction) {
        $footer.waypoint('remove');
        $('body').append($loading);
        $.get($('.more a').attr('href'), function(data) {
            var $data = $(data);
            $('#container').append($data.find('.article'));
            $loading.detach();
            $('.more').replaceWith($data.find('.more'));
            $footer.waypoint(opts);
        });
    }, opts);*/

</script>